$(function () {
    // 点击“去注册账号”的链接
    $('#link_reg').on('click', function () {
        $('.login-box').hide()
        $('.reg-box').show()
    })

    // 点击“去登录”的链接
    $('#link_login').on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide()
    })

    // 1,向layui添加校验规则
    layui.form.verify({
        pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],

        repwd(repwdvalue) {
            const pwdtr = $('#form_reg [name=password]').val();
            console.log(pwdtr, repwdvalue);
            if (pwdtr !== repwdvalue) return '两次输入不一致，请重新输入!'
        }
    })
    $('#form_login').on('submit', function (e) {
        e.preventDefault()
        let data = $(this).serialize();
        $.ajax({
            method: 'POST',
            url: '/api/login',
            data,
            success(res) {
                if (res.status == 1) {
                    return layui.layer.alert('登录失败了，请重新输入!', { icon: 2 })
                }

                localStorage.setItem('token', res.token);
                // lacation.href = '/index.html'
                location.replace('/index.html')
                // 如果登录成功， 则
                // 将返回的token 保存到本地localstorage中
                // 跳转到网站首页
            }
        })
    })

    $('#form_reg').on('submit', function (e) {
        e.preventDefault()
        let data = layui.form.val('form_reg')
        data.repassword = null
        console.log(data);
        $.ajax({
            method: 'POST',
            url: '/api/reguser',
            data,
            success(res) {
                if (res.status == 1) {
                    return layui.layer.alert(res.message, { icon: 2 })
                }
                layui.layer.alert('注册成功了哦', { icon: 1 })
                $('#link_login').trigger('click')
                // 如果登录成功， 则
                // 将返回的token 保存到本地localstorage中
                // 跳转到网站首页
            }
        })
    })
})